	<script type="text/javascript">  
        pathSuperized = '<?php echo JS_PATH?>/jquery/supersized3/';
    </script>
	<link rel="stylesheet" href="<?php echo JS_PATH?>/jquery/supersized3/supersized.css" type="text/css" media="screen" />
	
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>

	<script src="<?php echo JS_PATH?>/jquery/supersized3/js/effects.core.js"></script>
	<script src="<?php echo JS_PATH?>/jquery/supersized3/js/effects.slide.js"></script>
	
	<script type="text/javascript" src="<?php echo JS_PATH?>/jquery/supersized3/supersized.3.0.js"></script>
	<script type="text/javascript">  
		$(function(){
			$.fn.supersized.options = {  
				startwidth: 640,  
				startheight: 480,
				vertical_center: 1,
				slideshow: 1,
				navigation: 1,
				thumbnail_navigation: 1,
				transition: 1, //0-None, 1-Fade, 2-slide top, 3-slide right, 4-slide bottom, 5-slide left
				pause_hover: 0,
				slide_counter: 1,
				slide_captions: 1,
				slide_interval: 3000,
				slides : [

<?php
$allItems = $this->allItems;
$count = count($allItems);
if ($count > 0) {
    $j = 1;
    foreach($allItems as $item):
    ?>
		<?php
		$path = pathinfo($item['item_image'], PATHINFO_DIRNAME);
		$fileName = pathinfo($item['item_image'], PATHINFO_BASENAME);
		?>

					{image : '<?php echo BASE_PATH . $item['item_image']?>', title : '<?php echo $item['item_title']?>', url : ''}
    <?php
        if ($j++ != $count) {
            echo ',';
        }
    endforeach;
} // if items
?>
				]
			};
	        $('#supersized').supersized(); 
	    });
	</script>
	
	<style type="text/css"></style>
</head>

<body>

<!--Loading display while images load-->
<div id="loading">&nbsp;</div>

<!--Slides-->
<div id="supersized"></div>

<!--Control Bar-->
<div id="controls-wrapper">
	<div id="controls">
	
		<!--Slide counter-->
		<div id="slidecounter">
			<span class="slidenumber"></span>/<span class="totalslides"></span>

		</div>
		
		<!--Slide captions displayed here-->
		<div id="slidecaption"></div>
		
		<div id="prevthumb"></div>
		<div id="nextthumb"></div>
		
		<!--Navigation-->
		<div id="navigation">
			<img id="prevslide" src="<?php echo JS_PATH?>/jquery/supersized3/images/back_dull.png"/><img id="pauseplay" src="<?php echo JS_PATH?>/jquery/supersized3/images/pause_dull.png"/><img id="nextslide" src="<?php echo JS_PATH?>/jquery/supersized3/images/forward_dull.png"/>
		</div>
		
	</div>
</div>







